<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ui元素样式</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="uiElementCSS/ui.css">
</head>
<body>
<div class="contener">
	<div class="title">
		1. 标准色  
	</div>
	
	<!-- box	begin -->
	<div class="mainBG box150 box">
		 <p class="tips"> 后台页面背景色</p>
		<p class="inf"> #F7F8FC;</p>		
	</div>
	<!-- box	end -->

	<!-- box	begin -->
	<div class="mobileBGColor box150 box">
		<p class="tips">常用于手机页面背景色</p>
		<p class="inf">#F1F3FA;</p>
	</div>
	<!-- box	end -->	

	<!-- box	begin -->
	<div class="blueGB box150 box">
		 <p class="tips">后台页面蓝色色彩值</p>
		<p class="inf"> #28AEE2;</p>
	</div>
	<!-- box	end -->
	<!-- box	begin -->
	<div class="redGB box150 box">
		 
		 <p class="tips">后台页面红色色彩值</p>
		<p class="inf">#F75C5C;</p>
	</div>
	<!-- box	end -->	
	<!-- box	begin -->
	<div class="mainColor box150 box">
		 <p class="tips">后台页面主题色</p>
		 <p class="inf">#474E78;</p>
	</div>
	<!-- box	end -->
</div>

<div class="contener">
	<div class="title">
		1. 字体
	</div>
	<div class="content">
		<section class="textItem">
			<p style='color:#F7855C;'>价格类 文本颜色&nbsp;&nbsp;   #F7855C;</p>
			<p style='color:#60C664;'>成功、完成等属性 文本颜色&nbsp;&nbsp;   #60C664;</p>
			<p style='color: #F75C5C;'>失败、错误等属性 文本颜色&nbsp;&nbsp;   #F75C5C;</p>
			<p style='color:#CCC;'>失效、关闭等属性 文本颜色&nbsp;&nbsp;   #CCC;</p>
		</section>
		<section class="textItem">
			<p style="font-size:14px; color:#333;">大标题&nbsp;&nbsp; { font-size:14px; color:#333; } </p>
			<p style="font-size:14px; color:#666;">分类标题&nbsp;&nbsp;{ font-size:14px; color:#666; } </p>
			<p style="font-size:12px; color:#666;">内容文本&nbsp;&nbsp; { font-size:12px; color:#666; } </p>
			<p style="font-size:12px; color:#999;">说明标注&nbsp;&nbsp;  { font-size:12px; color:#999; }</p>
		</section>
		
	</div>
</div>

<div class="contener">
	<h2>手机端按钮样式</h2>
	<button style="background:#25B3FE"> 按钮 背景:#25B3FE </button>
	<button style="background:#21A0E4"> 操作按钮或loading 背景:#21A0E4 </button>
	<button style="background:#A0D9F7"> 禁用按钮 背景:#A0D9F7 </button>
</div>


</body>
</html>